<template>
  <div class="film">
    <Head :title="$route.query.name" :back="true"></Head>
    <div class="film-box">

    </div>
    <div class="goSchedule " @click="gotocinemas">
      选座购票
    </div>
  </div>
</template>


<script>
export default {
  data(){
    return {
      film:null
    }
  },
  methods:{
    gotocinemas(){
      this.$router.push({name:'cinemas',params:{
        filmId:this.film.filmId
      }})
    }
  },
  mounted(){
     this.$http.getmaizuo({
       filmId:this.$route.params.filmId
     },{
       'X-Host': 'mall.film-ticket.film.info'
     })
     .then(res=>{
        this.film = res.data.film 
     })
  }
}
</script>


<style lang="scss" scoped>
.film{
  width:100%;
  height:100%;
  position: relative;
  padding-bottom: 55px;
  .goSchedule{
      position: fixed;
      bottom: 0;
      left: 0;
      height: 49px;
      width: 100%;
      text-align: center;
      background-color: #ff5f16;
      color: #fff;
      font-size: 16px;
      line-height: 49px;
  }
}
</style>
